.alert_success {
    background-color: #edfff3;
    font-size: 15px;
    vertical-align: middle;
    border-radius: 10px;
    padding: 8px 16px; /* 减少 padding */
    outline: #8ce6b0 solid 0.5px;
    width: auto;
    position: fixed;
    left: 50%;
    top: 50px;
    color: green;
    z-index: 9999999;
    transform: translateX(-50%);
    box-shadow: 0 4px 6px rgba(0, 128, 0, 0.1);
    animation: slideIn 0.5s ease-out, fadeOut 0.5s ease-in 2.5s;
}

.alert_failure {
    background-color: #fff0f0;
    font-size: 15px;
    vertical-align: middle;
    border-radius: 10px;
    padding: 8px 16px; /* 减少 padding */
    outline: #f8dde3 solid 0.5px;
    width: auto;
    position: fixed;
    left: 50%;
    top: 50px;
    color: #d03050;
    z-index: 9999999;
    transform: translateX(-50%);
    box-shadow: 0 4px 6px rgba(208, 48, 80, 0.1);
    animation: slideIn 0.5s ease-out, fadeOut 0.5s ease-in 2.5s;
}

.alert_waring {
    background-color: #fff8e6;
    font-size: 15px;
    vertical-align: middle;
    border-radius: 10px;
    padding: 8px 16px; /* 减少 padding */
    outline: #f8e6d3 solid 0.5px;
    width: auto;
    position: fixed;
    left: 50%;
    top: 50px;
    color: #d0a030;
    z-index: 9999999;
    transform: translateX(-50%);
    box-shadow: 0 4px 6px rgba(208, 160, 48, 0.1);
    animation: slideIn 0.5s ease-out, fadeOut 0.5s ease-in 2.5s;
}

@keyframes slideIn {
    from {
        top: -50px;
        opacity: 0;
    }
    to {
        top: 50px;
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}